[Emayenvyi]

Hi,

I’m trying to get my layout to look like the Lisa theme. I’ve already installed the demo, but on my site there is a gap between my menu and the top of the browser. My url is http://www.executivearmcandy.com.

How can I remove that extra bit of space? If I need to modify code, you’ll have to tell me exactly where to put it because I am new at this. TIA!

[serkan]

Hi,
You have unnesccessary custom css code in the custom css code box. You should remove it.

@media screen and (min-width: 992px) { .site {
    margin-top: 20px; margin-bottom: 20px; } }

Please go to appearance > customize > custom css box.
Thanks

[Emayenvyi]

Hi Serkan,

Thanks for the info, but that doesn’t work. When I go to that area, there’s a blank box that gives me the option of adding code – no option to remove code as code is not displayed.

Is there another option to fix this issue?

Thanks!

[Emayenvyi]

Serkan,

I wet to the Editor and found the following code, but did not see the piece of code you asked me to remove. Again, is there another fix for this issue or did I miss the code you asked me to remove?

/*
Theme Name: TheBlogger
Theme URI: http://themeforest.net/user/pixelwars/portfolio
Author: Pixelwars
Author URI: http://themeforest.net/user/pixelwars
Description: Responsive WordPress theme.
Version: 1.7.1
License: ThemeForest License
License URI: http://themeforest.net/licenses
Tags: blog
Text Domain: theblogger
Domain Path: /languages
*/

/*
Do not remove any of the commented text above as it is used by the theme for proper function!
*/

/* CONTENT ALIGNMENT STYLE */
.aligncenter,
.alignnone,
.alignright,
.alignleft {
display: block; margin: 1.6em auto; clear: both;
}
.aligncenter:first-child,
.alignnone:first-child,
.alignright:first-child,
.alignleft:first-child {
margin-top: 0;
}
.wp-caption {
margin-bottom: 1.6em; max-width: 100%;
}
.wp-caption img[class*=”wp-image-“] {
display: block; margin: 0;
}
.wp-caption-text {
color: #aaa; font-size: 11px; letter-spacing: .04em; padding: 0.8em 0 0;
}
.aligncenter .wp-caption-text {
text-align: center;
}

/* TABLETS */
@media screen and (min-width: 768px) {
.alignnone {
margin: 3em 0;
}
.aligncenter {
margin: 2em auto;
}
.alignright {
float:right; margin: 12px 0 28px 34px;
}
.alignleft {
float: left; margin: 12px 34px 28px 0;
}
.alignright,
.alignleft {
max-width: 50%;
}
.alignright .wp-caption-text,
.alignleft .wp-caption-text {
max-width: 230px;
}
}
/* DESKTOPS MEDIUM */
@media screen and (min-width: 1400px) {
.is-post-media-overflow .layout-fixed .aligncenter:not(.full),
.is-post-media-overflow .layout-fixed .media-wrap,
.is-post-media-overflow .layout-fixed .owl-carousel,
.is-post-media-overflow .layout-fixed .gallery {
max-width: 166%; width: 166%; margin-left: -33%;
}
.is-post-media-overflow .layout-fixed .alignright,
.is-post-media-overflow .layout-fixed .alignleft {
max-width: 66%;
}
.is-post-media-overflow .layout-fixed .alignright {
margin-right: -33%;
}
.is-post-media-overflow .layout-fixed .alignleft {
margin-left: -33%;
}
}

[serkan]

Hi,
Please don’t play with the main structure. Check the related topic to find the css box.
http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
Thanks

[Emayenvyi]

I didn’t play with the code.

In your initial response, you told me to remove a bit of code and told me where to go to do that. I responded saying there is no option to remove code at that location. The other topic you pointed me to only speaks about adding code, not removing it.

Could you please clarify where I should remove the code from your message below:

Serkan wrote:
Hi,
You have unnesccessary custom css code in the custom css code box. You should remove it.

@media screen and (min-width: 992px) { .site {
margin-top: 20px; margin-bottom: 20px; } }
Please go to appearance > customize > custom css box.
Thanks

This is starting to get frustrating.

[Emayenvyi]

I already tried to add the code below to the Custom CSS box and it didn’t solve the problem.

@media screen and (min-width: 992px) { .site {
margin-top: 20px; margin-bottom: 20px; } }
Please go to appearance > customize > custom css box.
Thanks

[serkan]

Hi Emayenvyi,
When I check your codes, I see unnecessary codes from the index page. There are two meaning of these. First of all, there should be code in your custom box area or 3rd party plugin is conflicting with the theme. Please deactivate all your plugin and try it again and keep me updated.

[Emayenvyi]

I deactivated all of my plugins and refreshed my site. The extra space above the menu is still there. The only plugins I have are the ones that came with the theme installation. I didn’t install any extra plugins.

What would you like me to try next?

[serkan]

Hi,
This custom css code will solve your issue. Please copy and paste it to custom css box.

@media screen and (min-width: 992px) { .site {
    margin-top: 0px; margin-bottom: 0x; } }

[Emayenvyi]

That did not solve the issue.

What’s next?

[serkan]

Hi, Could you send me your wp admin details via our contact form and add this topic url as well?
Thanks

[serkan]

Hi,
I just added the important feature to the same custom css code and saved it.
Thanks