Forum Replies Created
-
Posts
-
Thank you, Yigit, it works great. Unfortunately as I add this icon, it makes the meta icon area on phones break the social media into two lines. I tried changing font size and also spacing between the icons, but not matter the changes the 8th icon goes to the next line. Is there a way to get them to stay on the same line?
Wonderful, Yigit, thank you! Can you also give me the CSS I would need to give the icon a hover effect?
Thank you for your response, but this makes the logo disappear and puts the menu in the center of the header. I want the only menu to be in the meta area.
2.) Set the Menu and Logo Position to “Logo center, menu above” then add this in the Quick CSS field..html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
I have uploaded screen shots to show you how it changes the header area and also moves my slide down as well. The links are below2. I added this code to my theme functions file, but the logo does not show up on mobile.
I am baffled by your response as I have opened the page in Internet Explorer, Safari, Firefox, Chrome. On an iPhone, iPad, Kindle, and laptop, a Mac and in Windows and the slider loads each time. I have loaded it from different IP addresses as well and have no problem. So I don’t know why you can’t see it and don’t know what else to do. I have uploaded the slider to another website in case that is helpful and the link is below for that page.
It’s the home page slider called coming soon backup36. There is only one slide and it loads when you open the page.
1. I changed the transparency logo image as I had the wrong one. It works just fine. Sorry to trouble you about that.
2. I have multiple menus set up already, but the problem is I only want one menu and I want it located in the meta area. I would simply choose the option for a logo to the left with menu above, but it’s not one of the options in the header section.
3. So now that I fixed the logo, here’s the information you need so you can tell me how display the logo listed at the URL below on mobile devices instead of the big logo .
4. And also I want the header to continue to be transparent as I scroll down and transparent on mobile, too. How do I make that happen?
Thanks for your support!I have uploaded a screen shot with arrows to show how I want to decrease the space between the main menu and the mega menu subnav.
Thanks, Rikard. It works great. Can you also tell me where to change the mouseover/hover color for this heading?
Thanks for your help, but I figured out that if I published the page it worked right so you can close this thread.
The button I am talking about is for when I am logged into wordpress and trying to make changes to the slider. I click the save button and it says it’s saving but nothing happens.
My issue is not fixed as I don’t have any idea where to find the link on my site to permanently change it so it will look for the correct link. I simply pasted the link you gave me into the address bar in my browser and deleted the space to see if that might be the problem. That’s when I didn’t get the 404 error.
So I went to look at this file and it is there, but still I replaced it. Still didn’t work, but then I looked at the link you gave me.Should there be a space or % before codemirror? If I remove the space the file opens.
I 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.
Okay, 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;
}Sorry 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.
