agirlaroundtheglobe

Thanks so much!

This is all great, except that when I go on my menu on a mobile device, my tagline still covers part of the menu (better than it was though).

Gemma

Hey,

I yet again need assistance, (sorry!). My footer map is covering the comment section on my blog posts. How do I stop this from happening? It’s fine on my home page.

Also, I’ve just realised that the hover colour and normal display colour seemed to have switched for the font. For example if you look at my page all writing such as menu, post titles etc should be the same colour as my social icons. However, they have turned a dark navy blue and only go the correct colour when hovered over.This should be the other way around! Helllllp please ??

Thanks in advance
Gemma

Yes I will do the review.

In regards to the font, I’ve just realised that the hover colour and normal display colour seemed to have switched? For example if you look at my page all writing such as menu, post titles etc should be the same colour as my social icons. However, they have turned a dark navy blue and only go the correct colour when hovered over. I don’t think I have changed anything to do with colour so not sure why this has happened.

One last thing (I promise) when I visit my site on a mobile device and click menu from the home page, my tagline overlaps my menu. Is there a way to hide this?

Thanks again
Gemma

Hey,

Thank you that has worked!
At some stage of doing this something has happened and the font now appears a different colour on mobile devices, but it’s ok not a big deal.

Thanks for all your help.

Gemma

Hi,

The only thing this has done is make the colour of my font appear differently on mobile devices.

Thanks
Gemma

Hi Fotis,

This works but how do we edit the colour scheme? On my page both the search box and writing are white so are barely visible on my page.

Thanks
Gemma

Thanks so much!

This all worked great except that my logo is still stretched on mobile devices.

Thanks
Gemma

Hi Fotis,

Thanks so much for your prompt response, however none of this worked except the footer text :(.
I tried refreshing and clearing my cache but still the same. Could it be because I may have too many codes or some that overlap in my custom css? I’m getting really confused now. This is everything in my CSS rules on Add Custom CSS.

.socials .fa {
color: #0099ff;
}
.socials li a{
font-size:20px;
}
.entry-utils .socials { display: none !important; }
a:hover, a:focus {
color: #0099ff;
outline: none;
text-decoration: none;

header .nav ul >li > a {
font-size: 25px;
}
header .site-logo h1 {
font-size: 32px;
}
header .site-logo p {
font-size: 20px
}

.page-id-564 header{
margin-bottom: 20px;
}
.nav { font-size: 20px; }.

.navigation a {
font-size: 25px;
}

.navigation > li > a {
margin-right: 20px;
}

.site-logo p {
font-size: 30px;
}

.read-more{
font-family:”Neucha”, cursive”
}

header .site-bar {
margin-bottom: 30px;
}
footer .site-bar {
border: none;
}
@media(max-width:768px) {
.site-logo img {
width: auto;
height: auto;
}
}

header .navigation li a,
header .navigation li ul a {
font-size: 15px;
}

Are there items I need to take out in order for these to work?

Many thanks