bonniergcuk 0 Share Posted October 20, 2020 Site URL: http://www.dolphinbottles.co.uk Hi, Here is my current header: ^This is how I want it to look, however when I change the screen size it moves, which will be obvious as to why when you see the code I am using. I am just not pro enough to know how to fix it. ^Here is how it looks full screen Header Code Injection: <h1 class="menu">Menu</h1> CSS: .menu { position: absolute; top: 5.5%; left: 3.2%; z-index: 99999; background: none; color: black; font-size: 14px; font-weight: bold; text-transform: uppercase; } How can I make my 'menu' text anchor to the hamburger menu icon? password: dolphin 🙂Thanks to anyone who could help Link to post
1 rwp 291 Solution Share Posted October 21, 2020 .burger-box:before { content: 'Start Your\AJourney Here'; padding-bottom: 1em; width: auto; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; white-space: pre; line-height: 1 !important; transform: translateX(0); transform: translateY(-100%); } bonniergcuk 1 Link to post
0 bonniergcuk 0 Author Share Posted October 21, 2020 6 hours ago, rwp said: .burger-box:before { content: 'Start Your\AJourney Here'; padding-bottom: 1em; width: auto; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; white-space: pre; line-height: 1 !important; transform: translateX(0); transform: translateY(-100%); } Thanks so much, works perfectly! Link to post
Question
bonniergcuk 0
Site URL: http://www.dolphinbottles.co.uk
Hi,
Here is my current header:
^This is how I want it to look, however when I change the screen size it moves, which will be obvious as to why when you see the code I am using. I am just not pro enough to know how to fix it.
^Here is how it looks full screen
Header Code Injection:
<h1 class="menu">Menu</h1>
CSS:
.menu {
position: absolute;
top: 5.5%;
left: 3.2%;
z-index: 99999;
background: none;
color: black;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
How can I make my 'menu' text anchor to the hamburger menu icon?
password: dolphin
🙂Thanks to anyone who could help
Link to post
Top Posters For This Question
2
1
Popular Days
Oct 21
2
Oct 20
1
Top Posters For This Question
bonniergcuk 2 posts
rwp 1 post
Popular Days
Oct 21 2020
2 posts
Oct 20 2020
1 post
Popular Posts
rwp
.burger-box:before { content: 'Start Your\AJourney Here'; padding-bottom: 1em; width: auto; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; white-spa
Posted Images
2 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment