Recent
Categories
View Replies (1)

Creative Template Header Overlapping

0
Votes
Undo
  1. NemesisNG
    NemesisNG
  3. Commercial Templates
  4. Wednesday, 30 March 2016
  5.  Subscribe via email
Hi.

Am using the Creative template for a clients website, but have noticed a slight layout issue when viewing on the iPad and iPhone. I'm using the text based logo from the template options but also stating the company opening hours on the opposite side in the 'header-2' module location.

When on the iPhone or iPad the opening hours are overlapped by the site logo and I assume they should stack on top of each other.

Is this something which can be fixed in the template or can I sort this another way? Different module location maybe?

Website URL to view on the PC is http://www.ph-garagedoorrepairs.co.uk/

Many thanks!

http://i925.photobucket.com/albums/ad92/NemesisNG/IMG_0006_zpslrxaghpo.jpg

http://i925.photobucket.com/albums/ad92/NemesisNG/IMG_0007_zpstsawp7kp.jpg

http://i925.photobucket.com/albums/ad92/NemesisNG/IMG_2929_zpswms283y2.jpg

http://i925.photobucket.com/albums/ad92/NemesisNG/IMG_2930_zpsy1lual6j.jpg
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To amend try adding the following to the Custom CSS field of your templates parameters (edit to taste)...


@media only screen and (max-width: 767px) {

#header {

    padding-bottom: 150px;

}

#container_spacer1 {

    top: 150px;

    z-index: 0;

}

#container_spacer1 > div {

    display: inline-block;

    width: auto !important;

}

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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