Aeduuin Posted November 26, 2020 Share Posted November 26, 2020 (edited) Site URL: https://www.questiongamification.com I've been looking into some custom CSS to display both my logo and the site title in the site header. I got it to work on desktop using this code, but because it does not have enough space on the mobile header it ends up pushing my header categories off screen. Could anyone help me figure out how to achieve the same thing without screwing up my site's mobile version? .header-title-logo a:after { content: "Gamification of Education"; display: inline-block; font-size: 20px; font-family: Poppins; color: black; text-align: center; vertical-align:middle; font-weight:900; padding-left: 555px; } .header-title-logo img { vertical-align: middle; } See pictures below for what I want in desktop and mobile if possible (included from desktop as that works fine). The other pictures are of the mobile header and the way the text interferes with it. Edited November 26, 2020 by Aeduuin Link to comment
tuanphan Posted December 5, 2020 Share Posted December 5, 2020 Hi. I see you solved? Do you need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment