Title: Mobile Header Background
Last modified: November 13, 2022

---

# Mobile Header Background

 *  [newbielearner](https://wordpress.org/support/users/newbielearner/)
 * (@newbielearner)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-background/)
 * Hello,
 * I am still learning wordpress (hence the name) and am using the OceanWP theme
   for my website at the moment. I would like to change the background colour to
   transparent where your logo and menu button is displayed on the top of your page
   when viewing on a mobile (it is only present when viewing on a mobile). Can someone
   please advise on how I go about doing this as I cannot seem to be able to adjust
   the colour.
 * Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 6 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16195439)
 * Hello [@newbielearner](https://wordpress.org/support/users/newbielearner/),
    
   Thank you for reaching out, And thank you for using OceanWP
 * Since the transparent header just shows on the mobile, perhaps you’ve set a background
   color for the header. To check it, please navigate to Customizer > Header > General
   > Transparent Header Settings, find and check the background color opacity.
    
   Please check this screenshot: [https://i.postimg.cc/8cb25bMK/image.png](https://i.postimg.cc/8cb25bMK/image.png).
 * I hope that helps.
 * Best Regards
 *  Thread Starter [newbielearner](https://wordpress.org/support/users/newbielearner/)
 * (@newbielearner)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16312619)
 * Hi [@skalanter](https://wordpress.org/support/users/skalanter/),
 * Apologies for the delay in response, I have had a look at what you recommended
   and there is no colour specified (It is just a blank field). The weird thing 
   is it is transparent in computer view just not in mobile view. Do you have any
   other suggestions?
    -  This reply was modified 3 years, 4 months ago by [newbielearner](https://wordpress.org/support/users/newbielearner/).
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16319940)
 * Hello [@newbielearner](https://wordpress.org/support/users/newbielearner/),
 * I fully examined the issue you have raised on this topic and could not see it
   on my end.
 * Please share a live URL. I’ll check it online.
 * Best Regards
    -  This reply was modified 3 years, 4 months ago by [Shahin](https://wordpress.org/support/users/skalanter/).
 *  Thread Starter [newbielearner](https://wordpress.org/support/users/newbielearner/)
 * (@newbielearner)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16321670)
 * Hi [@skalanter](https://wordpress.org/support/users/skalanter/) ,
 * The url is [http://www.clevertech.net.au](http://www.clevertech.net.au)
 * Thanks for taking a deeper look into it for us 🙂
    -  This reply was modified 3 years, 4 months ago by [newbielearner](https://wordpress.org/support/users/newbielearner/).
 *  [Shahin](https://wordpress.org/support/users/skalanter/)
 * (@skalanter)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16322067)
 * Hello [@newbielearner](https://wordpress.org/support/users/newbielearner/),
 * Thank you for sharing a live URL.
 * There is a [custom CSS](https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website)
   that affects it.
    Please find it and remove it to solve your issue: [https://postimg.cc/gallery/0JSkzTV](https://postimg.cc/gallery/0JSkzTV)
 * **Note:** if you have any cache plugin or server cache(CDN / Browser Cache and
   Cookies and …), you need to clear its cache contents or disable them to see your
   changes. Also, remember to click on the regenerate all assets file and data in
   Elementor > Tools(if you have Elementor).
 * After removing the custom CSS; the result should be like this: [https://postimg.cc/HVrxMV9B](https://postimg.cc/HVrxMV9B).
 * Best Regards
 *  Thread Starter [newbielearner](https://wordpress.org/support/users/newbielearner/)
 * (@newbielearner)
 * [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16324754)
 * Thanks [@skalanter](https://wordpress.org/support/users/skalanter/) ,
 * How would I go about finding and removing this?
 * Not sure what information you require but I use Elementor and Pagelayer in WordPress.
   Currently the website is hosted via infinityfree (whilst the business is being
   established and monitoring traffic flow, although this does come with the downside
   of being incredibly slow at the moment!)
 * TIA 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile Header Background’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [colour](https://wordpress.org/support/topic-tag/colour/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 6 replies
 * 2 participants
 * Last reply from: [newbielearner](https://wordpress.org/support/users/newbielearner/)
 * Last activity: [3 years, 4 months ago](https://wordpress.org/support/topic/mobile-header-background/#post-16324754)
 * Status: not resolved