change folder sign and center the tagline below the logo

Issue 1: CSS Solution

#mobile-navigation input[type="checkbox"] + label + ul li {
    display: none;
}

#mobile-navigation input[type="checkbox"]:checked + label + ul li {
    display: block;
}

For issue 2 I'd need to see your page.

Issue 1 solution

thanks for your reply. but

when I enter the code it collapses all the options but does not open the sub menu once i click on the "+" sign.  because of which one cannot see the content of sub categories.

any ways to solve that?

Issue 2- website is called www.studio707deigns.com

Thanks 

It definitely works for me, so I'm not sure why it's not working for you. What device are you testing it on?

For the logo, more custom CSS that you should place at the bottom of your current CSS. Of if you have an existing media rule set for 767px, add these 2 additional rules to it:

@media (max-width: 767px) {
    h1.logo a {
        padding: 0px;
    }
    #logo .logo {
      margin-top: -.3em;
      text-align: center;
 	}
}

Hey, thanks a ton, issue 1 is solved.

Issue 2,

once i enter the code, it centers the logo, but messes up in the tablet view. instead is there a way to align the tagline to the logo (keep them left aligned)?

Again thanks for your help.

On 12/25/2020 at 12:37 AM, Rajvi said:

Hey, thanks a ton, issue 1 is solved.

Issue 2,

once i enter the code, it centers the logo, but messes up in the tablet view. instead is there a way to align the tagline to the logo (keep them left aligned)?

Again thanks for your help.

 

 

Can you check url again? The url doesn't exist.

http://www.studio707deigns.com/