Forum Support

Shape 5
March 28, 2024, 07:05:28 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Remove the logo and center the main menu  (Read 625 times)
zinkow
Jr. Member
**
Offline Offline

Posts: 12



« on: August 16, 2015, 12:47:25 PM »

Is there a simple way for me to accomplish this?

http://bloomsburytherapy.com
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: August 16, 2015, 07:51:50 PM »

Hello,

To hide the logo add this to the custom.css file:
Code:
#s5_logo_wrap {
display: none !important;}

To center the menu whilst keeping it centered would require custom programming. You can use margins on the element itself but that wouldn't stay centered when re scaling.

Regards,
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
zinkow
Jr. Member
**
Offline Offline

Posts: 12



« Reply #2 on: August 16, 2015, 08:48:40 PM »

Thank you for the after hours response Smiley
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: August 16, 2015, 09:44:00 PM »

No problem Smiley
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
zinkow
Jr. Member
**
Offline Offline

Posts: 12



« Reply #4 on: August 17, 2015, 06:08:00 AM »

how would I go about adding margins to the element in an attempt to artificially center the menu?
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: August 17, 2015, 10:53:46 PM »

Hello,

Easiest way would be to adjust these padding values until it is near the center. Then you can make custom @mediascreen calls for each device resolution with overrides and changes for those resolutions. There are already a bunch of these in place in the s5_responsive.css file.

Code:
Template.CSS - Line 329

#s5_inner_padding, #s5_header_area_inner, #s5_logo_wrap {
    padding-left: 10%;
    padding-right: 10%;
}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.