rightthinker

Cheers.

Thanks Steve, that worked but I had to tinker with some other additional css that i used to add the payment logo. Now it looks okay but the mobile home page has lost the payment logo. This is getting messy. I think i need to start the header again from scratch.

Thanks anyway.

Thanks Aslam! That looks great. Can I bother you for a couple more fixes? On the https://www.leisuredrivesystems.co.uk pc homepage I wanted a decent size font for the business name, but really wanted (Middlesbrough) in a smaller font directly under the business name. Can I add a separate site title line there? I would also like to remove the large space between site title and current tagline.

Is this achievable?

Keep spreading the love !!

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

Kharis, you are THE MAN! That fixed it! Could yo also you could give me any ideas about how to reduce the header space between the site title and tagline too? (also shows on mobile) Same site…… https://www.sumomovers.co.uk

and……. i changed my Header logo on the same site (https://sumomovers.co.uk) but now have a large gap between the site title and tagline. Any ideas that won’t mess up the mobile site?

okay….. CSS looks fine to me….. what do you guys think looking at this?

.slicknav_nav {
position: absolute;
left: 0;
background-color: #1c1c1c;
width: 100%;
z-index: 999;
text-align: center;
margin-top: 15px;
}
.slicknav_nav,
.slicknav_nav ul {
list-style: none;
padding: 0;
}
.slicknav_nav a {
color: #fff;
}
.mobile-nav .slicknav_nav a {
color: #fff;
}
.slicknav_nav a:hover,
.slicknav_nav a:afmobilctive,
.slicknav_nav a:focus, {
text-decoration: none;
}
.slicknav_nav li {
border-bottom: 1px solid #333;
padding: 8px 0;
}
.s-mobile-nav .slicknav_menutxt .fa {
margin-right: 0;
color: #fff;
}
.secondary-navigation .s-mobile-nav ul ul li {
border-bottom: 1px solid #333;
}
.slicknav_nav .menu-item-has-children.slicknav_open,
.slicknav_nav .page_item_has_children.slicknav_open {
padding-bottom: 0;
border-bottom: 0;
}
.slicknav_nav .menu-item-has-children li,
.slicknav_nav .page_item_has_children li {
background: #111;
text-align: center;
padding: 15px;
}
.slicknav_arrow {
margin-left: 10px;
}

Seem to have a CSS error regarding .slicknav on my site https://sumomovers.co.uk

.slicknav_nav a:hover,
.slicknav_nav a:afmobilctive,
.slicknav_nav a:focus, {
text-decoration: none;
}

It’s telling me: Unexpected token ‘{‘

Baffled. Please help.

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

my bad….. found a plugin for it. Cheers anyway. I will leave yo alone now:)

ahhhhh…… hmmmmmm….. looks like i accidentally deleted the images! They were flagged as unattached, but obviously they were! I have put them back in and looks okay again.
I don’t suppose you know how i can add a responsive ‘call’ button to both the pc and mobile sites? I have modified the code on another site to use the tagline this way, but would like a separate button or responsive text if possible, maybe with hover colour change?
Apologies if i am asking too much.

Thanks.

Damn! Anyone help me with ANOTHER issue on the mobile? The homepage slider is only showing image icons. Is there a fix? Removing it altogether might be the best option? https://sumomovers.co.uk/ again.

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

doesnt matter guys…. i sorted it with a piece of code i used on another site! Thanks anyway!

Hi, slightly different issue here. My site https://sumomovers.co.uk has the site title misaligned due to the card payment image size (i think). Can you tell me a. how to reduce the image size on mobile only, and b. how to re-align the site title mobile only. Maybe they can be done together?
I added the card payment image with additional css at an earlier stage.

Thanks in advance

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

WoW that was fast! And worked perfectly too! Thanks so much! I might have to learn more coding….. very interesting!

Thanks again!