Hi Ismael,

thank you. Unfortunately I didn’t have the time to try Nick solution yet. But I temporarely deactivated both plugins. Please don’t close the topic if it’s possible, the problem on my site is still on. I will be able to do some more testing in a couple of weeks and report the results.

Thank you,

Lucia

Nope, it’s already Stretched Layout. :(

Hi Devin, just wanted to make sure you got my email on the section padding on mobile / responsive layout. I got the images flush to bottom on desktop devices but the mobile side adds about 30px extra padding on bottom of each section which forces images up. Could you let me know what code to edit to remove the additional padding that is added to sections on mobile devices?

Thanks much,

Chris

Thanks Peter,

The code helped with most of the vertical lines. There are still lines on the left where the social icons are and one on the right next to the phone. Here is a link http://www.omglovetwins.com/test

Would it be possible to make them black as well?

Thanks,

jasmine

The issue is apparently the Video component in the 1/3 column to the right in the color section. Once I remove that the margins are aligned properly.

Can you verify that and provide a solution?

I’m sorry, I forgot to mention that the sidebar has nothing to do with it. I only activated it to make the problem more visible. Check the links above again to see how it looks without the sidebar.

As you can see, the fullscreen slider is still forced to a certain width instead of fullscreen. Something must still be wrong. No sidebar issue.

Hi Nick,

This is what I did:

1) Create main menu with all the pages from the selection box on the left, as usual.

2) Create 3 custom menu items with, indeed, a # as hyperlink so it doesn’t open any page by clicking on it.

3) Drag all page items below it’s respective custom menu item.

I have the mobile slide-out menu activated, but it is still the desktop menu on my iPad 2 in landscape mode. I do get the slide-out menu when turning to portrait mode, but not on landscape. Actually, I like it that way, it would be rather awkward to have that menu button in landscape mode as for me the menu fits perfectly well in landscape mode. I just need to find a way to close the menu again when you don’t want to click through to a another page.

Let’s hope you find a fix.

Thanks!

Sure you can! 2 versions, both with exact same content, just different ordering of the items. Version 1 has the fullscreen slider below the video, version 2 has the slider above the video. As you can see, the problem only appears when it’s below the video. And it doesn’t matter how much other content there is between the video and the slider, as soon as there is a video anywhere before the slider, it’s messed up.

I’ve centered both the image and text in the slider so you get an idea of how wrong it is.

Link with the problem:

http://goo.gl/NVWBR

Link without the problem:

http://goo.gl/SVve1

Dude,

I think I understand. Please tell me if I am correct for my Apple logo and link:

1. On Enfold > Header > Add the Tumblr social icon for example. Place my Apple link.

2. Add this to the very end of custom.css

#top .social_bookmarks_tumblr {

background: url(../images/apple.png) no-repeat center;

}



#top .social_bookmarks_tumblr:hover a {

color:#fff;

background: url(../images/apple-hover.png) no-repeat center;

}



#top .social_bookmarks_tumblr a {

text-indent: -9999px;

}

3. In header.php replace:

$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '');

with

$social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => '<a href="http://apple.com/example" class="apple" target="_blank"><img src="http://mywebsite.com/apple.png" title="Apple" alt="Apple" /></a>');

Are these the full directions? Don’t I need 2 icons? One for hover and one regular? Wouldn’t that change the second part of the code in the header.php? I notice the color hex in the header.php is specified #fff. I want the background to be black on hover.

Thank you,

Jasmer