Nailed it!!!

Thanks Mike

Can you tell me what the General Layout Dimensions should be to get the site to look like the Enfold Church Demo please.

If you look at my site and then the Enfold Church Demo the container on my site is far too wide.

Is there anything in the Quick CSS that is causing the problem?

++++++++++++++++++++++++++++

.widget ul li a {
font-size: 16px !important;
}

.html_elegant-blog #top .avia-content-slider .blog-categories.minor-meta {
display: none;
}

.avia-content-slider-inner .slide-content .entry-content-header span.av-vertical-delimiter {
display: none;
}

#top .widget_nav_menu ul ul li:before {display: none !important;}

#header_main {
background-color: #fff;
}

.responsive .container {
max-width: 100% !important;
}

#footer .widgettitle {
font-size: 20px;
color: white!important;
}

.phone-info { font-size: 14px; }
#top .social_bookmarks li a { font-size: 16px; }

#top .main_menu .menu li ul a { font-size: 16px; }

#top .av-main-nav ul a { padding: 3px 15px; }
.sub-menu li { border-bottom: 1px solid #11abd6; }

.header_color .main_menu .menu ul li a:hover{background-color:#f8f8f8;}

#top .av-main-nav ul {
width: 210px;
}

p a { text-decoration: underline !important; }

aside a[href^=”mailto”] { text-decoration: underline !important; color: #1a43ca !important; }
aside .avia-button { color: white !important; }

.sidebar .textwidget {
font-size: 15px;
color: #000000;
}

.main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even) { color: inherit; }
tr:first-child th, tr:first-child td,tr th:first-child, tr td:first-child,td { border: none !important; }

body {
font-size: 16px;
}

#top table tr th, #top table tr td {
border: 1px solid rgb(124, 124, 124) !important; }

.wpcf7-form select, .wpcf7-form input, .wpcf7-form textarea {
border: 1px solid #a1c8f1 !important;

}

.image-overlay {
visibility: hidden;
}
.avia_transform .envira-gallery-wrap a .image-overlay { display: none !important; }

.avia-builder-el-first .content {z-index: -100 !important; }

Hi Victoris,

That worked fine! Thank you!!!

Did you look at the other issue of the mobile menu to be shown on a device with a landscape screen <1025px wide.
i.e. an iPad?

Ticket number:
#899234
++++++++++++++++++++++++++++++++++++++
Hi Brian,

Yes, it is possible. Which version of the theme are you using? Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

Best regards,
Victoria
++++++++++++++++++++++++++++++++++++

Hi Victoria,

https://stvincentsalt.wpengine.com/wp-login.php?redirect_to=https%3A%2F%2Fstvincentsalt.wpengine.com%2Fwp-admin%2F&reauth=1

++++++++++++++++++++++++++++++++++++++

This shows the problem when you view in landscape:

http://whatismyscreenresolution.net/multi-screen-test?site-url=http://stvincentsalt.wpengine.com/&w=1024&h=768 (hosted on WPengine) (hosted on WPengine)

Thanks,
Brian

• This reply was modified 6 years, 11 months ago by Victoria.

Hi Victoria,

Login in private.

Thanks,
Brian

• This reply was modified 6 years, 11 months ago by Rikard.

Any more thoughts on this?

Hi,

Getting there but not quite right!

I have updated the theme and the mobile icon is shown now but when I click on it, it displays a weird transparent menu in blue text down the right hand side of the screen?

You can see it here:

http://whatismyscreenresolution.net/multi-screen-test?site-url=http://stvincentsalt.wpengine.com/&w=768&h=1024 (hosted on WPengine)

Doing that on all the other devices now with the mobile menu.

Sorry,
Brian

• This reply was modified 6 years, 11 months ago by brianwelsh.

Well that nailed it!!! Great support – Thanks again!!!!

Hi,

It is already within a 2/3 column so that would have to be underneath the 1/3 column on the right which means there is a big gap. It has to be within the 2/3 column and you cant add a column with a column I don’t think.

If you look at the page you will see what I mean.

Reagrds,
Brian

The colour section issue was solved by Guenni007.

Thanks, that is crazy as I never even went near that! Why would I put 0.2 opacity – weird!!!

Anyway thanks for spotting it,

Kind regards,
Brian

PROBLEM SOLVED!

Hi Jordan,

No further help needed!

have a good one,
Brian

If I remove that code it is smooth? If it is smooth at your end then I will just put it down to my PC and wait to see if someone complains.

Thanks

You can get the image here!

Download link
https://we.tl/jmvHxHUcBm

It happens on all the demo pages.

Thanks
Brian

Anyone looked at this?