Help with theme design

Hi Max

I would love to help but your site is locked at the moment, if you make it viewable again then members will be able to help ??

Cheers

Hi Jon,

Thank you – Is the index locked?

Max

Sorry – the correct url is https://www.ultimech.com/wordpress

Hi Max

Thank you for the updated URL but I can not see what you are refering to? Please could you explain a bit further by what the “keys” are?

Cheers

Hi Jon,

If you see on top left hand, next to the main menu, there is “X” key to hide the menu itself. I want that “X” to be removed and make the menu permanent.

Thanks
Max

Hi Max

You can do this with some custom CSS! The CSS needed to remove this is

body.ls_left .head-toggle {
	display: none !important;
}

Its always best to use a Child Theme for custom changes like this so that these changes will be kept safe in future updates. More information about creating a child theme can be found here https://codex.www.ads-software.com/Child_Themes

If you are having problems determining the appropriate CSS id and classes to assign the custom CSS to, check out this amazing free utility called Firebug

Firebug Guide for Web Designers:
https://sixrevisions.com/tools/firebug-guide-web-designers/

It will help you look up sections’ or elements’ CSS.

After you do the changes, make sure that you clear the cache and “hard” refresh the page in your browser to be able to see the changes right away. If you’re not sure how to “hard” refresh a page in the specific browser you’re using, just Google it and you’ll find instructions how to do that. Also, don’t forget if you have any Caching WordPress plugins installed, or use a CDN (like CloudFlare) to also either clear their cache or disabled them for the time being altogether. This site has some great instructions on cache clearing: https://www.wikihow.com/Clear-Your-Browser%27s-Cache

Hope this helps ??

Hi Jon,

Thanks for the info.

I installed a CSS Customer manager plugin and added the line you suggested. Unfortunately the “X” to hide the menu is still there. I cleared the cache.

Max

Hi Max

I am not sure on this plugin and how effective it is? Try the updated CSS above and clear the cache, if it still does not show then it might be best to use a child theme.

Let me know if I can assist any further?

Cheers

OK – so if I understood correct, I need to add these lines to the CSS. do you mean style.css?If so, where? at the end of beginning?

Try the updated CSS in that plugin you are using then clear the cache, if still no luck let me know and I will explain how to do this through a Child Theme for you ??

To clarify, this CSS

body.ls_left .head-toggle {
	display: none !important;
}

Cheers

Sorry – it works indeeed. Thank you so much.

Can I use the same lines to remove the keys on the right handside too?

If you are talking about the menu blocks on the right hand side of the screen then this is the CSS needed

.skebg_nav.right {
    display: none !important;
}

In one of my links about I gave a link to Firebug, learning to use this tool will enable to find these things very quickly for yourself ??

If you use Chrome as a browser then this will help https://developers.google.com/chrome-developer-tools/

Cheers

Great – I can see .skebg_nav. but there is no right. How do you know that I need to add right to the line?

Actually there is right indeed. It is in the lines left hand side and that’s where I always need to look at. Right?

Hi Max

I am a little confused by what you mean? But I see that you have done it ??

Get used to using Firebug or Chrome Developer tools, they will become your best friend ??

Cheers