Happy International Labor Day 2024! Get 35% OFF for All Products, Membership and Services
VIEW MORE
labor_day"
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
You are here: HomeForum
Welcome, Guest
Forgot your password? Forgot your username? Create an account
SmartAddons
Public Forums
Free Joomla Templates
SJ Joomla3

Logo above main menu
(1 viewing) (1) Guest
Reply Topic
New Topic
  • Page:
  • 1

TOPIC: Logo above main menu

Logo above main menu 10 years, 11 months ago #9935

  • haradmin
  • OFFLINE
  • Fresh Boarder
  • Posts: 12
  • Karma: 0
Hi guys!

I want to use a big logo at the center of the page (above main menu) instead top left corner.
The size of new logo would be about 800*150 px. On screenshot I draw a draft of this layout.
I tried to made changes in template.css:
#yt_logoposition{height:160px;position:relative;}
#yt_logoposition h1.logo a{position:absolute;height:125px;width:810px;top:30px;left:50px;}
#yt_menuposition{margin-bottom:15px;}

But menu under the logo is not looking good
What adjustments to the template should be done?

Attachment 2013-05-24_0821.png not found



Attachment 2013-05-24_0835.png not found
Reply Quote

Re: Logo above main menu 10 years, 11 months ago #9961

  • SA Thuy
Dear Scotty,

Please go to Template Manager, check your layout config. Then please go to yoursite\templates\sj_joomla3\layouts and open that file (it has name same), for example main-right.xml...
Then, please find:
<positions>
				<position class="span6" type="feature">@logo</position>
				<position class="span3 offset3" data-wide="span3 offset3" data-mobile="span3 offset3" style="none" type="modules">position-0</position>
				<position class="span8 offset4" data-normal="span10 offset2" data-tablet="span10 offset2" data-stablet="span12" type="feature">@menu</position>
			</positions>

=>
<positions>
				<position class="span8" type="feature">@logo</position>
				<position class="span3" data-wide="span3 offset3" data-mobile="span3 offset3" style="none" type="modules">position-0</position>
				<position class="span8 offset4" data-normal="span10 offset2" data-tablet="span10 offset2" data-stablet="span12" type="feature">@menu</position>
			</positions>


Please open file yoursite/templates/sj_joomla3/css/template.css and find:

#yt_logoposition h1.logo a {
    height: 98px;
    left: 25px;
    position: absolute;
    top: 30px;
    width: 268px;
}

=>
#yt_logoposition h1.logo a {
    height: 98px;
    position: relative;
    float: right;
}


About Menu bottom, please adjust width longer.

Thanks
Reply Quote

Re: Logo above main menu 10 years, 11 months ago #10136

  • haradmin
  • OFFLINE
  • Fresh Boarder
  • Posts: 12
  • Karma: 0
1. I made changes as you suggested but logo looked strange after this changes screencast.com/t/ZeOnFeHb

2. How to adjust width for a menu?
Reply Quote

Re: Logo above main menu 10 years, 10 months ago #10178

  • SA Thuy
Dear Scotty,

Could you please send your url to us?

Thanks
Reply Quote
Reply Topic
New Topic
  • Page:
  • 1
SmartAddons
Public Forums
Free Joomla Templates
SJ Joomla3
Powered by Kunena
Time to create page: 0.21 seconds

Notification

Please find your issue via Suggested Posts before submitting your question. We have solved the most of issues and maybe your issue was solved before.
TigerHostings - WordPress Hosting Service
eMarket - Multipurpose MarketPlace OpenCart 4 Theme
AutoParts - Auto Parts, Tools, Equipments & Accessories Shopify Theme

Latest My Topics

No posts to display.

More Topics »

Love all our templates?

Join our membership clubs starting at $49 only for access to all of our templates

Join Now
Home Pricing
0
Go To Cart
Your Cart is currently empty!
Product update
Coupon
add
Coupon code invalid! Please re-enter!
AJAX loader
Go To Cart Total : 0 checkout
SearchSupport
Magento Themes Magento Extensions Free Magento Extensions Prestashop Themes Prestashop Modules Magento 2 Themes