1. mesquite
  2. Sherlock Holmes
  3. Commercial Templates
  4. Monday, 05 September 2016
  5.  Subscribe via email
Hi Cairan
Please take a look at: http://claremontgardencentre.co.uk/
Looks fine on PC and Tablet but when you view on Iphone the padding between the logo and the slideshow is enormous.
Using http://ipadpeek.com/ you can see what I mean.

Any ideas please.

Regards
Terry
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Terry

Using the 'Custom CSS' fields in your template parameters 'Responsive Options' tab you can use the following CSS to amend the header height on each device (edit to taste)...


#container_header {
height: 180px;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran
Sorry, I meant to say the template was Madison.
I tried adding the code to the Custom CSS but the menu bar then disappeared into the slideshow module.
I've adjusted it to 235 but the menu still cuts in on the location page: http://claremontgardencentre.co.uk/our-location

Regards
Terry
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Terry

Can you confirm for me that you have added the CSS in the 'Responsive Options' tab and not the 'Custom CSS' tab?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Terry

I have amended your CSS slightly (added !important) which appears to have resolved the issue.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
Many thanks Ciarán
Looks great.

Regards
Terry
  1. more than a month ago
  2. Commercial Templates
  3. # 5
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!