Rajvi Posted December 23, 2020 Share Posted December 23, 2020 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. Link to comment
stressbunny Posted December 23, 2020 Share Posted December 23, 2020 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. Link to comment
Rajvi Posted December 24, 2020 Author Share Posted December 24, 2020 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 Link to comment
stressbunny Posted December 24, 2020 Share Posted December 24, 2020 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; } } Link to comment
Rajvi Posted December 24, 2020 Author Share Posted December 24, 2020 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. Link to comment
tuanphan Posted January 2, 2021 Share Posted January 2, 2021 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/ Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.