change folder sign and center the tagline below the logo

Hi,

I am using Forte template for my website.

I am having 2 issues while using mobile version.

Issue 1: when i click on the index option in the mobile version its shows me all the options collapsed.

what i want is to be able to click on "+" to see options.

I have attached photo of the issue for reference.

Issue 2: I want the tagline below the Logo. It seems to center it

Can someone please help with the code.

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/