Title: WordPress mobile esthetic issues
Last modified: August 22, 2016

---

# WordPress mobile esthetic issues

 *  [augmentedprofit](https://wordpress.org/support/users/augmentedprofit/)
 * (@augmentedprofit)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/wordpress-mobile-esthetic-issues/)
 * Hey guys,
 * I’ve run into some minor issues specifically on the mobile version of my website.
 * It seems that when I access the “primary menu” my logo becomes vertically layered,
   which isn’t too pleasing to the eye. What can I do to prevent this?
    Perhaps 
   lower the menu to appear underneath my header entirely?
 * –on another note, I would also like to remove the “home” text on the mobile homepage
   aswell.
 * My url is [holidaybarrel.com](http://holidaybarrel.com)
 * Thanks alot in advance guys!

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [11 years, 1 month ago](https://wordpress.org/support/topic/wordpress-mobile-esthetic-issues/#post-5931788)
 * If you’re not using a Child Theme, and if the theme doesn’t have a designated
   section of the dashboard for CSS modifications then install this Custom CSS Manager
   plugin [http://wordpress.org/plugins/custom-css-manager-plugin](http://wordpress.org/plugins/custom-css-manager-plugin)
 * Then use its “CSS Code” [section of the dashboard](http://wordpress.org/plugins/custom-css-manager-plugin/screenshot-1.jpg?r=704634)
   to hold your CSS modifications:
 * _Alternatively use your Child Theme style.css file to hold your CSS modifications:_
 *     ```
       @media screen and (max-width: 768px) {
           .menu {
               background: #787E87;
           }
       }
       ```
   
 *  [Hassan Akhtar](https://wordpress.org/support/users/khaxan/)
 * (@khaxan)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/wordpress-mobile-esthetic-issues/#post-5931826)
 * For hiding the ‘Home’ text you can use this CSS:
 *     ```
       .post-10 .entry-title {
           display: none !important;
       }
       ```
   
 * Combined with Andrew’s suggestion it would become:
 *     ```
       @media screen and (max-width: 768px) {
           .menu {
               background: #787E87;
           }
           .post-10 .entry-title {
               display: none !important;
           }
       }
       ```
   
 *  Thread Starter [augmentedprofit](https://wordpress.org/support/users/augmentedprofit/)
 * (@augmentedprofit)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/wordpress-mobile-esthetic-issues/#post-5931885)
 * Thanks alot guys
 * so I added the code in, the “home” text no longer appears but the “primary menu”
   still seems to be creating issues, any other ideas?

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

The topic ‘WordPress mobile esthetic issues’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [augmentedprofit](https://wordpress.org/support/users/augmentedprofit/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/wordpress-mobile-esthetic-issues/#post-5931885)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics