-
AuthorPosts
-
August 13, 2015 at 7:40 pm #487386
Hi,
I have a few final questions to finish up my site.
How do I –
1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce.
2. Lessen the space between widgets on my main sidebar? See image below called sidebar.jpg
3. When I use tabs on a page, when the page loads, the first tab is always open and displays the content. This is great on the desktop version, but on smaller mobile versions, I don’t want the first tab content to display, just the tabs. How can I modify this?
4. I have a bottom border on the header, but on mobile, two lines display above the slider. I realize one of these is my header border, but how do I get rid of the other line? And how do I move the slider up so there is no space between the header and the slider? See image below called screenshot.August 14, 2015 at 8:33 pm #487943Hey thecszone!
I think you forgot to give us a link to your website showing the issues? because we need to inspect the elements to be able to provide some CSS code for you.
Cheers!
AndyAugust 14, 2015 at 8:54 pm #487967Sorry, Andy. here it is.
August 16, 2015 at 2:54 pm #488376Just checking in to see if you can help me with these since it’s been a couple of days since I posted the questions.
August 17, 2015 at 12:50 pm #488854Hey!
during weekend we are usually off and please refuse from bumping into your own thread, as it pushes it behind in our queue and then we can’t provide a faster reply for you.
On the link you have provided I can’t find what you are showing on your screenshot. I can’t see any blue “subscribe” for example.
Cheers!
AndyAugust 17, 2015 at 2:39 pm #488932Sorry about causing any problems. That was not my intent. As far as not being able to find the blue button, this is the sidebar that is found on all pages except the main page which I noted in # 2 on my list of questions. I am pasting them again below. Is is preferable for me to open a item for each question that I have? Perhaps that would be less confusing. I’m happy to do it either way you all prefer.
How do I –
1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce.
2. Lessen the space between widgets on my main sidebar? See image below called sidebar.jpg
3. When I use tabs on a page, when the page loads, the first tab is always open and displays the content. This is great on the desktop version, but on smaller mobile versions, I don’t want the first tab content to display, just the tabs. How can I modify this?
4. I have a bottom border on the header, but on mobile, two lines display above the slider. I realize one of these is my header border, but how do I get rid of the other line? And how do I move the slider up so there is no space between the header and the slider? See image below called screenshot.August 18, 2015 at 11:02 am #489367Hi,
1. Add the following to Quick CSS:
.av-main-nav > li > a { padding: 0px 10px !important; }
2. Add the following to Quick CSS:
.sidebar { padding-top:0px !important; } .sidebar .widget { padding: 0px 0 30px 0 !important; }
3. On what page are you using tabs? Please link directly to one of them.
4. Add the following to Quick CSS:
div#layer_slider_1 { margin-top: 0px !important; }
Best regards,
Rikard- This reply was modified 9 years, 4 months ago by Rikard.
August 18, 2015 at 2:37 pm #489527Tabs can be found on the following page.
August 21, 2015 at 10:06 am #491224Hey!
3.) it can’t be easily done and you would need to hire a freelancer for this job. You can ask one here: http://kriesi.at/contact/customization
Regards,
AndyAugust 21, 2015 at 3:42 pm #491457Okay, thank you. I also wanted to mention that the fix for #1 does not work.
1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce. The solution you all gave me does change the width between the menu items but the underline just gets bigger to go with the wider space.
The solution you all proposed –
.av-main-nav > li > a {
padding: 0px 10px !important;
}August 25, 2015 at 9:47 am #492718Hey!
not sure what you want to achieve. Maybe a screenshot/mockup would help us to get a clear idea about your wishes. However, try this code:
ul#menu-enfold { padding: 0px 0px 10px !important; }
and adjust as needed.
Cheers!
AndyAugust 25, 2015 at 7:21 pm #493163I tried this Andy but didn’t fix my issue. Below is a screen shot. In this screen shot I am on the Books page so it has the solid blue underline below it. When I mouse over to Home, the underline is so wide that it becomes a solid line connecting the Books underline with the Home underline so the visitor can’t distinguish which page they are going to. This happens with the other pages as well. I thought there must be a way to decrease the width of this line to fit the menu word exactly. Does the screen shot help? My test site is no longer available as I have gone live with the site so you can view the page at the following URL.
August 26, 2015 at 10:29 am #493403Hi!
screenshot does not open for me. However, I think I got what you mean now. Try this code:
span.avia-menu-fx { width: 85%; left: 8px; }
and adjust as needed.
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.