Forum Replies Created
-
Posts
-
Nice to hear from you Mike. I replaced that code you suggested. It seems to clear up some of that random white space but unfortunately it still shows up on some tablet views. I’ve included a username and login for you so you can investigate further.
Hello Mike, no worries about the wait. After adding the first code the white space is still showing on mobile and tablet.
Rikard, Thank you for that code. The hover looks wonderful. I’m looking to get the text white when not hover. How would I achieve this?
Jordan, thank you for taking the time to get back to me. The button in the full width slider is red with black text and upon hover is white with black text. Like I mentioned before I would like the button to be red with white text static and rollover. I included a screenshot of the button on my end.
Thank you for getting back to me how would I adjust the menu as well, I would like both items centered vertically. The white space is still showing on my mobile and tablet view. How would this be solved as well?
Greeting Victoria, what do you mean exactly by “wrap the code in the media query as the code above.” Did the code you provided include the vertical menu centering as well as social icons?
Happy Thursday Victoria, That you for that new code for the white space below the header. On desktop things seem to be working correctly now. On tablet and mobile view there is now a huge patch or white space. Would it possible to get some code to tweak those elements? For the Menu navigation I was hoping would be vertically aligned better. I provided a screenshot to show you that things are not even. I would like the same amount of space from the top of the header to the text and the bottom of the header to the text.
Thank you for that code Victoria. It indeed helped with some of the requested. I did have to adjust some of the numbers but it was very helpful. I did notice a couple of things. There is now a white line under my menu – how would i resolve this? The navigation menu and social icons are also not centered – they are slightly higher than needed. Would it possible to get some code to tweak those elements?
Thank you for this Victoria and nice to meet you, I looked at those settings and do not see any way to set the requested. No matter what size I set the header there is no way to adjust the space between the top of the logo and header. Ideally I would like that reduced like the screenshot I provided with the logo the same size. Furthermore I would to have the menu brought down a smidgeon to line up better with the logo. Would you need any more screenshots to better understand what I’m trying to achieve?
Nice to meet you Rikard, thanks you for getting back to me so quick. The code has been added but I yet to see a change. I see the desired result occurs when I change the code to the code below. How would I reduce the space between the top of my logos head and the top of the browser window – essentially I would like to shrink the header but keep the logo the same size while also keeping the menu items center. I included an updated screenshot of this as well to better show what i’m trying to achieve.
span.logo { position: absolute; bottom: -12px; }
