Support Forums for LiveMesh Themes & Plugins › Forums › Extinct Theme Support › Header changes
Tagged: center logo, menu
- This topic has 16 replies, 3 voices, and was last updated 9 years, 3 months ago by
Raghavendra.
-
AuthorPosts
-
January 7, 2014 at 7:44 pm #3645
ten12design
MemberI am looking to see if you were able to tell me what I need so I can change the header and navigation tabs like the theme I purchased for my client. http://www.kbmfc.com/
I am trying to purchase your them again but need to redesign it to as close as I can to the one I did up in HTML.January 8, 2014 at 12:52 pm #3659Raghavendra
ModeratorTo center the logo/menu (hope that’s your requirement) – here is my quick CSS to insert the following into Custom CSS panel in theme options panel –
#site-logo { display: block; float: none; margin: 0 auto; text-align: center; width: 172px; top:20px; } #primary-menu { float: none; margin: 0 auto; text-align: center; display: inline-block; top: 10px; }
January 10, 2014 at 11:50 pm #3702cliftoncreate
MemberI have the same query but when i paste the above code in my CSS Panel i only get the logo but not the menu centred – (menu still justified to left)
January 11, 2014 at 12:38 am #3704ten12design
MemberI noticed that myself.
January 11, 2014 at 10:46 am #3705cliftoncreate
MemberI’ve tried again with this and if i break the code in two individual styles and input each works separately (logo centres or menu centres) but when combined there’s a conflict making the menu justify to the left
January 11, 2014 at 1:33 pm #3706ten12design
Memberif you can send me that code so I can try. thanks
January 11, 2014 at 1:45 pm #3707cliftoncreate
MemberThis reply has been marked as private.January 12, 2014 at 3:08 pm #3710Raghavendra
ModeratorJust give this a try –
#header > .inner > .wrap { text-align: center; }
and remove the extra margin-left to center the menu.
January 12, 2014 at 6:59 pm #3718cliftoncreate
MemberWorked like a charm, cheers 😉
January 13, 2014 at 11:01 am #3719cliftoncreate
MemberHi, although your suggestion worked great i have now noticed that once you scroll down on the page the justification returns back to the original left margin (see attachments) any way around this? Thanks again
January 14, 2014 at 1:54 pm #3735Raghavendra
ModeratorCan you give this try in Custom CSS panel and see if that helps? I was not sure you wanted the sticky menu to align that way since it takes up some space.
#header.sticky #site-logo { display: block !important; }
January 16, 2014 at 6:28 pm #3778ten12design
MemberWhen viewed on an android phone and setting the css to the codes I see above mkaes my logo sit on to boarder of the slider and when viewed in firefox on my phone it’s off centered.
January 24, 2014 at 4:16 pm #3880cliftoncreate
MemberHi, i’m still getting lots of problems trying to centre everything on my site,
http://www.cliftoncreative.co.uk – i’ve been given a few fixes in the previous posts but still can’t seem to get the site logo, primary menu and page content to all line up – they all appear centred, just now with one another. Is there anything else i can try? Many thanksPS it looks as tho both the logo and primary menu need to be shifted to the right to get it to line up with the page, slider etc
January 26, 2014 at 2:30 am #3899Raghavendra
Moderatorcliftoncreate – You need to do this to get it all centered (you have WooCommerce enabled) –
#site-logo { width: 100px !important; } .woocommerce-site #primary-menu { right: 0 !important; }
Wrap the text that starts with “Hey there, thanks for stopping…” within a [segment] shortcode to have that centered like this –
[segment]Hey there, thanks for ....[/segment]
The documentation has complete information on when, why and how to use [segment] shortcode. Hope this nails it finally.
January 28, 2014 at 7:30 pm #3945cliftoncreate
MemberNailed. Thanks for all your help on this 🙂
-
AuthorPosts
- The forum ‘Extinct Theme Support’ is closed to new topics and replies.