johnnymorriswp

Sorry, for the benefit of others the full CSS code I added in my child heme style file was therefore –

@media screen and (min-width: 768px) and (max-width: 783px){
ul#menu-top-menu{
display: none;
}
.toggled-on ul#menu-top-menu{
display: block;
}
.nav-menu{
display: none;
}
}

Hi,

Thanks for your quick response and excellent support.

I tried the code above and it did not work at first. However, looking at the parent theme CSS it appeared the fix needed to be applied to the ul#menu-top-menu element instead of the element name above i.e.

@media(max-width: 767px){
ul#menu-top-menu{
display: none;
}
.toggled-on ul#menu-top-menu{
display: block;
}
.nav-menu{
display: none;
}
}

It all works fine now!

Johnny

Hi,

Thanks for getting back to me.

I am not sure what you mean when you say the site does not browse properly?

This is the url – https://daviesandbells.co.uk/

When I paste the url into the responsinator test site it renders fine, except for the navigation menu in iPad portrait, which looks like this –

https://www.responsinator.com/?url=http%3A%2F%2Fdaviesandbells.co.uk%2F

It looks the same as that on my own iPad as well.

Johnny

I should add I also tried switching to the parent theme and got the same result.

Thanks

Johnny

Thanks, I added and it worked. For the benefit of others searching this forum I had to also add the same fix to my portfolio page using the page id i.e.

.page-id-xx #content {
 width: 100%;
}

Thanks for your help Silkalns

Hi Silkalns,

Thanks for your speedy response.

The URL is – https://johnnymorriswp.co.uk/

I have taken the sidebars off the home and portfolio pages and set them to full-width so you can see.

I am indeed using a child theme – content of CSS file below. This was the case before the update when the full width content area showed full site width.

Johnny

`/*
Theme Name: Johnny Morris WP
Description: Child theme for the sparkling theme
Author: Johnny Morris WP
Template: sparkling
*/

@import url(“../sparkling/style.css”);

.entry-meta {
display: none;
}

.author-bio {
display: none;
}

.navbar-default .navbar-nav .active a {
font-weight: bold;
}

@media (max-width: 768px) {
.footer-widget {
padding-top: 20px;
}
}

.navbar > .container .navbar-brand {
color: #ffffff;
}

.page-id-346 h1.entry-title {
display: none;
}

.button-block {
display: none;
}

.element_1 .button-block {
display: none;
}

Thanks, Kerfred. Much appreciated.

Ok, thanks.

Ok, thanks. I will try that.

That’s the element class I am currently using with display: none; but it only hides on the button on the single view of the portfolio item not on the hover view on the thumbnail.

Johnny

Hi,

I am using the free Plugin version, so all those options are disabled. Its just the id or class of the element on hover I need to target.

Johnny

Hi,

Thanks for getting back to me. This is the page in question – https://johnnymorriswp.co.uk/portfolio/

When I view a single item I can right click for the source code to be able to identify the ‘read more’ button element an apply the CSS to not show.

However, I can not view the source when on hover and it is obviously a different element id or class as the CSS I have added is not hiding it.

Johnny

Thanks Tara. I actually managed to resolve without going too much further. Details posted below for others to see if required.

I went back to the dashboard and generated the error message by going to appearance > themes in the menu for any more information that would help and as I scrolled down the repeated error messages I realised they occupied about the first thirty lines of my screen and below was the usual theme selection view. I changed theme to default twenty fourteen and the error message went. Then I changed back to my theme no problem and did the theme update, also no problem.

Thanks very much for your help

Hi Ernest

I thought that was likely to be it. I moved up a level and it is working now.

Many thanks for your help.

Johnny