Some CSS changes are not showing on computer browser but show on phone

  • This is not making sense. Some changes I made to CSS show on iphone but not computer screen, even after I emptied cache. I’m not working in the CSS editor within wordpress. I’m making changes to the CSS located in my child folder. I’ve updated WordPress and theme as well and it did not have any affect. I’m new at this and need to get going to show my site to employers (need a job). Thanks.

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

  • I think u have created media Query based css for small screen.
    Manage same css for large device.

    Thread Starter iacino

    (@iacino)

    What I did was copy the CSS file from parent and duplicated it into child theme and then adjusted from there. I’m not sure if this is the way to go about it as it is my first time creating a website. I didn’t go the the media section for the following changes that don’t show up on desktop but show on iphone:

    1. Replaced computer icons inside solid green circles in Work Portfolio section to a mouse (see below)
    2. Changed the background color of the grey box behind work portfolio (see below)

    I added code and changed code to the following:
    /*——————– About section —————–*/
    .fa-desktop::before {
    content:url(\https://mouseoverdesigns.com/wp-content/uploads/2016/04/MouseOverDesigns_Logo_icon.png);
    }

    .wrap-about{
    background-color: #D9D9D9;

    Here is a link to the site: https://mouseoverdesigns.com.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Some CSS changes are not showing on computer browser but show on phone’ is closed to new replies.