Forum Support

Shape 5
March 29, 2024, 07:13:05 AM *
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: Hide logo on responsive site  (Read 727 times)
maccaa31
Jr. Member
**
Offline Offline

Posts: 11



« on: July 14, 2015, 01:16:01 AM »

Hi,
Is there a way to hide the logo once the site goes to the mobile version? It is taking up a bit too much space once the site moves to mobile.

Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: July 14, 2015, 02:13:30 AM »

Hello,

Add this to the custom.css file to hide it once the mobile bar kicks in.

Code:
@media screen and (max-width: 750px) {
#s5_logo_module {display:none;}}
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
maccaa31
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: July 14, 2015, 08:47:58 PM »

Hi,
I'm really sorry for annoying you all the time, promise i am almost finished.

I am having an issue with the header when i am not in full screen and is also occurring on the ipad where the margin or padding is pushing the menu and logo down. If you scroll down, the menu will correct.

Image attached.

www.astiaustralia.com.au


Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: July 14, 2015, 08:55:53 PM »

Hello,

Do you have any steps to replicate the layout in the screenshot? I took a look at the site but it appears properly on my end in FF.

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
maccaa31
Jr. Member
**
Offline Offline

Posts: 11



« Reply #4 on: July 14, 2015, 09:18:59 PM »

Hi,
It is mainly FF and Chrome having the issue. It is only when the window is about the size of an ipad and the logo and menu are cut in half.

Thanks
Logged
maccaa31
Jr. Member
**
Offline Offline

Posts: 11



« Reply #5 on: July 14, 2015, 09:23:34 PM »

And sorry, it is only happening on the other pages. The homepage is fine, you need to navigate to another page.

Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #6 on: July 16, 2015, 12:58:45 AM »

Hello,

Could you please take two screenshots illustrating the correct versus incorrect layout? I am having trouble replicating any issues with the logo or menu in the browsers I have tested so far.

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
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.