Hi Ismael,
Sorry, I did have the code in the general styling tab, however although I couldn’t see the change, the client could on her phone and the burger menu was back to covering the logo. So I switched the code back to what was previously supplied (below) as she has customers using the website to purchase goods. See private content for login details.

@media only screen and (max-width: 767px) {
.responsive .logo img {
max-width: 75%;
}
}

Hi Rickard,
Sorry, yes perhaps I didn’t explain myself properly. The logo has reduced to 75%, however was thinking the cart + menu could just be pushed further to the right and closer together (than it originally was). leaving the logo at the existing %.
See screenshot (hope it works): https://ibb.co/DkC6PgJ

Cheers, Kristin

Ah got no idea why it would show as private as site is live/public. Have added a temp admin login below so let me know if it doesn’t work again!

Hi Rikard,
Sure, below are the links to what I see on a mobile phone. Notice the heading spacing for ‘Medispa Treatments’ is condensed in comparison to ‘Skin Insights’ – which the spacing is correct. These headings + text below are the same in terms of how they have been made/placed etc, so should look the same.

Medispa Treatments: https://snipboard.io/XUgGmQ.jpg
Skin Insights: https://snipboard.io/wKsGcT.jpg

Cheers Kristin

Ok, please see below.

Hi Victoria,
This hasn’t seemed to make any changes. I have previewed on a desktop and also on a iphone and it is still as before. If it is not possible to have the special heading align properly on the responsive site I guess I will have to look at changing them all to another style … or try to make it work without using padding/negative padding to line it up. It just looks fine on the desktop version.
Cheers Kristin

Thanks Jordan,

Here are the links to the 2 x images showing the cut off heading and extra spacing on left hand side. If better practice, I am happy to create these using a different method (rather than padding on special heading), if you can let me know what would be the best way for responsive viewing.

https://snipboard.io/H4Q1N2.jpg
https://snipboard.io/GtvRiO.jpg

Cheers, Kristin

Hi Victoria,

Thanks for your reply. I am probably not too concerned about this space. More so the words being chopped off at the to top of the Special Heading and the special heading aligning with the copy underneath (same on Skin Insights page).

Cheers, Kristin

Hi Jordan,

Thanks, yes this worked for the ‘Treatments’ page, it looks great. Do you know why in the ‘Special Heading’ the word ‘Medispa’ would be getting cut off at the top? I do have minus padding on the divider line above on the website and this line is not showing on this page or the ‘Skin Insights’ page … presuming this has something to do with it…? (same thing with ‘Skin Insights’ page.

I also tried to apply the same code suppliedabove for the ‘Skin Insights’ page (for the ‘Special Heading’, posts appear fine). It didn’t work, I did use the page ID that was showing – 945.

Cheers
Kristin

Thanks Yigit, this is perfect. You may close the thread.
Cheers, Kristin

Hi Rikard,

Thanks for the assistance. The client has decided to revise the content in the accordions, so there are no table left! I will note the above solutions if she changes her mind again. You can close this query.

Thanks, Kristin

Hi Ismael,
Ok sure, perhaps it is my retina display. It is only about a year old, so could be. I’ll try doubling the size.

Did you want me to add new queries for the other issues you had originally addressed as part of the same email? I queried them again in the last email, as the CSS that you had suggested didn’t seem to be making any changes?

Cheers, Kristin

Thanks Ismael,

I can see the changes you have made in the logo section. Do you know why the logo is still/always slightly out of focus even when at full size (current) – at least on my macbook?

If I try to change the footer size by amending the px size to smaller again, nothing changes – eg 8px?:
.widgettitle {
font-size: .8em;
}

#footer .widget p {
font-size: 8px;
}

The other quick css you had originally suggested for the space before testimonial or adding space below the main menu didn’t work:
1.c) This css code should remove the 100px left margin of the testimonial name.
.avia-testimonial-meta {
margin-left: 0;
}

1.b) Use this css code to add a space below the main menu and above the main content.
#header_main_alternate {
padding-bottom: 50px;
}

Hope this makes sense,
Kristin

Hi Rikard,

Ok, this is working well now. Thanks for your assistance in helping me to get it looking how I was hoping.

Cheers,
Kristin

Thanks Rikard,

I have updated the theme and it didn’t make any difference. I am going to delete the theme folder, however am not sure how to do that successfully. The site is backed up via auto on GoDaddy. I have read that I can change the theme to the default one (Twenty Fourteen) and then delete the theme and import it again, would this be correct?

Thanks, Kristin