TouchCoding.net - ?yvind S?ther

Hi there chayleen!
Can you please give me a link to your site, so I can inspect it to see what’s wrong? ??

Hi there Pablodesign!
You can use a tool called https://www.wpthemedetector.com/
This will detect which theme is being used. Rigel.com uses a premium theme called BeTheme. You can find it on themeforest.

Hi there, spdrmnky!
The problem is that the iframe that your youtube videos are inside has a defined width of 1200px. If you set the width to 100%, it will only use 100% of the container the iframe is inside.

Try this css:

p iframe {
    width: 100%;
}

remember to use either a child theme or a custom css plugin. I hope this solved your problem. ??

No problem! If you need anything else you can get back to me at any time ??

Hi there igendreau!
You can try defining a height on all of the menu items, so that all of them have the same height regardless of how long the name are.

Try adding this css:

#topnav li a {
    height: 38px;
}

Remember to use a custom css plugin or a child theme when apply css. I hope that solved it for you ??

This is the css you have to change:

.entry-content {
    margin-top: 1.5em;
}

.entry-content h2 {
    margin-top: 0.75em;
}

These are the values on your site right now. Replace them with what you want. Play around to make it look the way you want. If you want no space, when have 0 margin.

Hope that helps ??

Hi there razvancs! ??
Do you have a link to your site, so I can inspect it?

Here is the css code:

.page-header {
    margin-top: 40px;

}
.contentclass {
    padding-top: 15px;
}

Change these numbers to want you want. Play around with it until it looks good. If you don’t want any space set these to 0.

Hope that helps ??

No problem, Padodalu! Glad I could help you ??

Hi there Hybis!
Yes, you could use the css property of “display” and only apply it when the screen is less then mobile.
Like this:

@media only screen and (max-width: 414px) {
    img.kad-standard-logo{
        display: none;
    }
}

For the top bar you could change the background-color of the header like this:

.headerclass {
    background: #2d5c88;
}

I hope that was what you were after. ??

Try apply this css on the ul.site-header-cart.menu instead of cart-contents like this:

ul.site-header-cart.menu {
    width: 33%;
    float: right;
}

You can change the width of the cart in the css I gave you. Just play around with the 33% until it looks good.

No problem Seasonsesame! ??

Sorry, this took so long time to figure out, but here is the css that should make it look the way you want it to:

header#masthead {
    margin-bottom: 0.236em;
}

.nav-menu {
    width: 67%;
    float: left;
}

cart-contents {
    width: 33%;
    float: right;
}

There is a site called https://www.w3schools.com/ where you can look up all these things. The selector is something you can find by using either the build-in inspector in Google Chrome or you could use “Firebug”. The selector tells the browser what elements you want to apply the css to. For example, I used the inspector and saw that the date on the posts had a class called “post-date”. The “display” is the css attribute.

Hope that helped you out and that it wasn’t too confusing ?? If you need more help, just let me know ??