writewithbee

Thanks!

Thanks @tuanphan I've got the header set up but I want the links closer to the central logo. I've added .header-nav-list { margin-left: 15vw; } to get the left side closer but no code I'm trying is working on the right hand side. Not sure if this is the best way to do it anyway? Please can you help? Really appreciate it! URL: https://www.regencyhistory.net/

I've dug through other Firefox posts and can't seem to find a solution to this problem. My website https://www.regencyhistory.net/ looks best with a central title and links either side, which I have used custom css to create. Code used: @media only screen and (min-width: 1030px){ .header-nav { position: absolute; margin-top:0!important; top: 3rem; } .header-nav-item:nth-of-type(2) { margin-right: 48vw!important; } .header-title { z-index: 99!important; } } However, this isn't working on Firefox. The gap between the links is too big and pushes link 4 onto a new line, warping the whole look. I know how to write responsive code for different screen sizes but not different browsers. How do I target Firefox browsers to display differently? Any help appreciated. Thanks 🙂

I'm totally stuck on this after going round in circles for a couple of hours trying to get the flex box thing to work. I need the 'Read More' links aligned to the bottom of each container so they look consistent across the summary items. https://triceratops-tuba-r9bj.squarespace.com/home-1 pw: sunnyside This is what I am using at the moment after watching some tutorials: .summary-item { border: 0px solid purple; display: flex; flex-direction: column; } .summary-content { border-top: 2px solid darkred; padding: 0px 0px 0px 0px; display: flex; flex-direction: column; flex: 1; } .summary-read-more-link { font-size:0!important; margin-top: auto !important; } .summary-read-more-link:after { font-size:1rem!important; border:1px solid darkred; content: "Read More →"; background: #; padding: 5px 10px 5px 8px; } .summary-read-more-link:hover:after{ background:darkred !important; color:#fff!important } Any help understanding where I am going wrong would be very helpful!