Removing top bar from website

  • Resolved otpmedia

    (@otpmedia)


    2 years, 7 months ago

    Hello,

    I am in the process of develop my website for my business and I am still learning how to operate wordpress correctly. Sorry if my issue is a very simple one I am just very new all of this and I am trying to figure out how it all works.

    Currently the homepage to my website looks like this. How would I go about the process of removing my business name from the top white bar of my website. I do not want to remove the name of the site from the cutomization section because I understand it needs to be there for SEO purposes. Once that OTP Media title is removed how would I remove the white bar remaining at the top. I read on another post that the white bar could have to do with my theme but I am using the elementor theme. How would I go about the process of removing the big “OTP Media” title and then removing the white bar so that the blue bar extends to the top?

    I also have another question I do not know if I sohuld create another question or just ask the question here. I will just ask the question here for simplcity sake. You can see on my home screen I have a big blue bar across the screen. Is there any plugin or way in elementor that I could change this bar to look more transitional to something like this or this . Would I have to make the transition in photoshop and then add this transition on the back of my text or would I just add it as a simple widget through elementor or another plugin? I am trying to base my site to look similar to these to other sites.

    Thank you for the help in advance I much appreciaite it

    • This topic was modified 2 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Varshil

    (@varshil151189)

    Hello @otpmedia,

    To Remove the business name with top white bar, simply put below css in your custom css file

    
.site-header{
display: none;
}

    For your Second question, you need to make that kind of image in the photoshop or probably you tell your designer to made one for you and than with the help of css you can use that.

    Thread Starter otpmedia

    (@otpmedia)

    Thank you for the reply @varshil151189 !

    I have managed to remove the title from the website! Thank you very much!
    Regarding the second question, would there be a way to make that kind of image load very fast once the webpage has loaded? Because to my understanding won’t that type of high-quality imaging take up a lot of space?

    Varshil

    (@varshil151189)

    Hello @otpmedia

    No you do not have to create the whole image. You just have to create the below wave in svg format and than using css you can manage that to give effects.

    Varshil

    (@varshil151189)

    You can check this URL for better understanding

    https://investors.rovio.com/en/factsheet

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removing top bar from website’ is closed to new replies.