Responsive logo on different device sizes on top of slidercenter aligning a fixed position divCan absolute divs feature in responsive designFont scaling based on width of containerWordpress mobile devices logo resizeResponsive slider in large deviceIn CSS Flexbox, why are there no “justify-items” and “justify-self” properties?responsive navigation with logo iconsNavigation menu (responsive) and cols not viewing correctly on mobile deviceComputed Width different when responsive to mobile viewLogo overlapping text when responding to screen sizes

Can the poison from Kingsmen be concocted?

What is the actual quality of machine translations?

How to signal to my players that the following part is supposed to be played on fast forward?

What ways have you found to get edits from non-LaTeX users?

How does an ordinary object become radioactive?

What's up with this leaf?

A planet of ice and fire

How to tell your grandparent to not come to fetch you with their car?

How can electric fields be used to detect cracks in metals?

Source that a married woman seduced by a “messianic figure” is still permitted to her husband

How do governments keep track of their issued currency?

Winning Strategy for the Magician and his Apprentice

Using "subway" as name for London Underground?

Trapping Rain Water

Can I make plugins required?

Recommended tools for graphs and charts

Should I avoid hard-packed crusher dust trails with my hybrid?

What is the origin of the German "n-Deklination"?

What is the `some` keyword in SwiftUI?

1980s live-action movie where individually-coloured nations on clouds fight

What language is software running on the ISS written in?

Thread Pool C++ Implementation

Compiling c files on ubuntu and using the executable on Windows

How can I tell the difference between unmarked sugar and stevia?



Responsive logo on different device sizes on top of slider


center aligning a fixed position divCan absolute divs feature in responsive designFont scaling based on width of containerWordpress mobile devices logo resizeResponsive slider in large deviceIn CSS Flexbox, why are there no “justify-items” and “justify-self” properties?responsive navigation with logo iconsNavigation menu (responsive) and cols not viewing correctly on mobile deviceComputed Width different when responsive to mobile viewLogo overlapping text when responding to screen sizes






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















I need to make a logo responsive on all devices from large screens to mobile devices. I placed the logo within a row using the following css but my queries doesn't seem to place the logo in the right hand corner when you minimise the screen



I have created media queries but it doesn't seem to scale properly when i resize the web browser.



div#row2.wpb_row.vc_row-fluid.vc_row.top-level.standard_section.row2 

position: absolute;
left: 93%;
z-index: 11 !Important;
width: fit-content;










share|improve this question
























  • Can you also share HTML. Thanks

    – Hassan Siddiqui
    Mar 24 at 18:37











  • This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

    – user2428283
    Mar 24 at 22:45












  • Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

    – Hassan Siddiqui
    Mar 24 at 22:57











  • Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

    – JasonB
    Mar 24 at 23:34











  • Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

    – user2428283
    Mar 25 at 0:38

















0















I need to make a logo responsive on all devices from large screens to mobile devices. I placed the logo within a row using the following css but my queries doesn't seem to place the logo in the right hand corner when you minimise the screen



I have created media queries but it doesn't seem to scale properly when i resize the web browser.



div#row2.wpb_row.vc_row-fluid.vc_row.top-level.standard_section.row2 

position: absolute;
left: 93%;
z-index: 11 !Important;
width: fit-content;










share|improve this question
























  • Can you also share HTML. Thanks

    – Hassan Siddiqui
    Mar 24 at 18:37











  • This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

    – user2428283
    Mar 24 at 22:45












  • Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

    – Hassan Siddiqui
    Mar 24 at 22:57











  • Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

    – JasonB
    Mar 24 at 23:34











  • Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

    – user2428283
    Mar 25 at 0:38













0












0








0








I need to make a logo responsive on all devices from large screens to mobile devices. I placed the logo within a row using the following css but my queries doesn't seem to place the logo in the right hand corner when you minimise the screen



I have created media queries but it doesn't seem to scale properly when i resize the web browser.



div#row2.wpb_row.vc_row-fluid.vc_row.top-level.standard_section.row2 

position: absolute;
left: 93%;
z-index: 11 !Important;
width: fit-content;










share|improve this question
















I need to make a logo responsive on all devices from large screens to mobile devices. I placed the logo within a row using the following css but my queries doesn't seem to place the logo in the right hand corner when you minimise the screen



I have created media queries but it doesn't seem to scale properly when i resize the web browser.



div#row2.wpb_row.vc_row-fluid.vc_row.top-level.standard_section.row2 

position: absolute;
left: 93%;
z-index: 11 !Important;
width: fit-content;







html css responsive






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Mar 24 at 21:18









Marius Steinbach

78113




78113










asked Mar 24 at 17:07









user2428283user2428283

1




1












  • Can you also share HTML. Thanks

    – Hassan Siddiqui
    Mar 24 at 18:37











  • This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

    – user2428283
    Mar 24 at 22:45












  • Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

    – Hassan Siddiqui
    Mar 24 at 22:57











  • Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

    – JasonB
    Mar 24 at 23:34











  • Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

    – user2428283
    Mar 25 at 0:38

















  • Can you also share HTML. Thanks

    – Hassan Siddiqui
    Mar 24 at 18:37











  • This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

    – user2428283
    Mar 24 at 22:45












  • Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

    – Hassan Siddiqui
    Mar 24 at 22:57











  • Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

    – JasonB
    Mar 24 at 23:34











  • Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

    – user2428283
    Mar 25 at 0:38
















Can you also share HTML. Thanks

– Hassan Siddiqui
Mar 24 at 18:37





Can you also share HTML. Thanks

– Hassan Siddiqui
Mar 24 at 18:37













This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

– user2428283
Mar 24 at 22:45






This is the row i created <div id="row2" data-midnight="dark" data-bg-mobile-hidden="" class="wpb_row vc_row-fluid vc_row top-level standard_section row2 " style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap"><div class="inner-wrap"><div class="row-bg " style=""></div></div><div class="row-bg-overlay"></div></div><div class="col span_12 dark left">

– user2428283
Mar 24 at 22:45














Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

– Hassan Siddiqui
Mar 24 at 22:57





Not helping out, can you share any code snippet or fiddle link for more clarification. Thanks

– Hassan Siddiqui
Mar 24 at 22:57













Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

– JasonB
Mar 24 at 23:34





Looks like this is set up using WordPress and the plugin Visual Composer. Is that true?

– JasonB
Mar 24 at 23:34













Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

– user2428283
Mar 25 at 0:38





Yes Jason it is unfortunately which is really frustrating I'm using a previous child theme and they used visual composer I'm use to creating sites from bootstrap :(

– user2428283
Mar 25 at 0:38












0






active

oldest

votes












Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326324%2fresponsive-logo-on-different-device-sizes-on-top-of-slider%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes















draft saved

draft discarded
















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55326324%2fresponsive-logo-on-different-device-sizes-on-top-of-slider%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Obelisk of Theodosius Contents History Description Notes Bibliography Further reading External links Navigation menuAge of spirituality : late antique and early Christian art, third to seventh centuryOver 60 picturesObelisks of the World41°00′21.24″N 28°58′31.43″E / 41.0059000°N 28.9753972°E / 41.0059000; 28.97539727724550-7235741376235741376

밀양 대씨 역사 각주 함께 보기 둘러보기 메뉴밀양 대씨

1973년 목차 사건 문화 탄생 사망 노벨상 달력 둘러보기 메뉴