Forum Support

 
Advanced Search


[1]

Offline lewissn
Free Member
Posts: 2
Posted on: January 27, 2016, 04:31:41 AM

Hi,
I'm having trouble trying to get my site to look how it's supposed to on smaller screens. It's mainly that it's not resizing properly.
Some issues i'm having;
  • Buttons won't resize.
  • The Image Slider isn't in line.
  • Menu doesn't fit in the header

This is my site i'm working on
http://www.thecabinetshop.co.uk/

Thanks

Lewis
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 27, 2016, 01:15:07 PM

Hello,

Please add the following to the bottom of your template.css file and this should fix the buttons

Code:
.bigbutton {
    display: inline-block;}


The menu is dropping because your logo is too wide and has a lot of white spacing to the right of the actual logo. You need to crop off the white space on the right of it and adjust the width here (perhaps change to 300px or so):

#s5_logo

template.css line 492

As for the text not centered open the s5_responsive.css file and remove the margin-lefts located at the following lines of code:

250, 262, 314
Logged

Offline lewissn
Free Member
Posts: 2
Posted on: January 28, 2016, 04:51:30 AM

That all worked perfectly. Thanks so much.

Another quick question, how can I remove the 'login' button from mobile screens?

Thanks,

Lewis
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: January 28, 2016, 01:51:18 PM

In the Vertex 4 admin please go to:

main > responsive nav

And at the bottom you'll see where you can disable this.
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.018 seconds with 21 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
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.