Upgrade did the trick, thank you.

Hi guys,
Almost there, the button will now show above 1200 and disappear below it but it seems to appear on the left below 1200

Over 1200 width it looks like this

And below it, disappears on the right, appears on left (with no formatting)

Current CSS looks like this:

/* Activate free lesson button */
 @media only screen and (min-width: 1200px) {
#top #nav_menu-2 {
    width: 230px;
    float: right;
    top: 60px;
    right: 20px;
    padding: 0;
    border: 5px solid #659ce0;
    border-radius: 5px;
    text-align: center;
    position: relative;
    z-index: 200;
}
#top #nav_menu-2 p {
  text-align: right;
  padding-right: 20px;
 border: 5px solid #659ce0;
  border-radius: 5px;
}
#top #header .av-main-nav .av-menu-button-bordered  {
    display: none!important;
}
}

Managed to get ID from the database, have custom_html right aligned now but it seems to be ignoring any of the CSS and the href that is applied to it. Displaying as plain text with no link or border.

Widget is Custom HTML as <a href="#">CLAIM YOUR FREE LESSON HERE</a>

CSS is:

#top #custom_html-2 {
  width: 10vw;
  float: right;
  top: 60px;
  padding: 0;
 border: 5px blue;
  border-radius: 5px;
}
#top #custom_html-2 p {
  text-align: right;
  padding-right: 20px;
 border: 5px blue;
  border-radius: 5px;
}

• This reply was modified 4 years, 3 months ago by erron.

I added as instructed and i got basic text widget displaying in the correct spot.

Once i tried editing the CSS it has move to left align above logo again even when i removed any associated CSS (basic text only currently).

I tried added the above code to both areas and still stuck above logo left aligned.

I did yes as its a live site. I have added it again now.

Hi,
Thanks, i have made the custom header widget and can display some text. Just need to make it right aligned on the same line as the logo now? See image in private content of where it is (Free Lesson) and the red circle for where i want it to go.

Yigit, there are a few but as an example, when you scroll down to the first section of text where it has a menu for ‘about’, ‘History’ etc, this menu loads a post, in the post are the elements. Would like to remove the left side one (which is the same in every post anyway) on mobiles only.

hope that made sense.

That did the trick thankyou. One more question, how do i get this down arrow to appear on every page section and not just the first one?

That did the trick! thankyou.

Sorry, but where do i put that style code?

Thanks Josue that worked, next question is how do i get that caption area to be wider and move it close to left side of window?